<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div id="box">hello jquery</div>
		<script src="../ jquery-1.12.4.min.js"></script>
		<script>
			/*var div=document.getElementById('box');
						div.onmouseover=function(){
							div.style.background='skyblue';
						};
						div.onmouseleave=function(){
							div.style.background='white';
						}*/
			$('div').mouseover(
				function() {
					$('div').css('background', 'skyblue');
				}
			);

			$('div').mouseout(
				function() {
					$('div').css('background', 'white');
				}
			);
		</script>
	</body>

</html>